/**
 * useImperativeHandle
 *    这是一个 React16.8.0 开始新增的一个 hook ,只能用于函数式组件
 *
 *    作用：配合 forwardRef() 让函数式组件能够控制对外的暴露。
 */

import React from "react";
import World, { type WorldAPI } from "./components/World";

class App extends React.Component {
  myWorld = React.createRef<WorldAPI>();

  handleClick = () => {
    console.log(this.myWorld.current?.b);
  };

  render(): React.ReactNode {
    return (
      <div>
        <World ref={this.myWorld} />
        <hr />
        <button onClick={this.handleClick}>按钮</button>
      </div>
    );
  }
}
export default App;
